<template>
	<div class="table-inner">
		<el-row v-for="item in row.children" :key="item.id">
			<el-col :span="8">
				<el-tag type="success">
					{{ item.authName }}
				</el-tag>
			</el-col>
			<template v-if="item.children">
				<el-col :span="16">
					<el-row v-for="item2 in item.children" :key="item2.id">
						<el-col :span="6">
							<el-tag type="danger">
								{{ item2.authName }}
							</el-tag>
						</el-col>
						<el-col :span="16">
							<template v-if="item.children">
								<el-tag
									type="warning"
									v-for="item3 in item2.children"
									:key="item3.id"
								>
									{{ item3.authName }}
								</el-tag>
							</template>
						</el-col>
					</el-row>
				</el-col>
			</template>
		</el-row>
	</div>
</template>

<script>
export default {
	name: 'TableInner',
	props: {
		row: {
			type: Object,
			default: () => {},
		},
	},
}
</script>

<style lang='scss'>
.table-inner {
}
</style>